$control-list: ('text-color': getCssVar('color', 'text', 0),
  'hover-bg-color': getCssVar('color', 'primary'),
  'active-bg-color': getCssVar('color', 'primary'),
  'padding': rem(10px),

);

@include b(control-list-item) {
  @include set-component-css-var('control-list', $control-list);

  cursor: pointer;

  &:hover {
    background-color: getCssVar('control-list', 'hover-bg-color');
  }

  @include when(active) {
    background-color: getCssVar('control-list', 'active-bg-color');
  }
}

@include b(control-list) {
  height: 100%;
  overflow: getCssVar(control, overflow);

  // 加载更多样式
  @include e(load-more) {
    text-align: center;
    cursor: pointer;
  }

  @include e(tag) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }

  @include e(item-icon) {
    color: getCssVar(color, danger),
  }

  @include e(item-text) {
    padding-right: getCssVar('spacing', 'tight');
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@include b(control-list-simplelist) {
  @include flex(row);

  flex-wrap: wrap;

  .van-tag__close {
    position: absolute;
    right: rem(5px);
    margin-left: rem(2px);
  }

  @include b(control-list-item) {
    min-width: 0;
    padding: rem(5px);

    @include e(delete) {
      display: inline-block;
      margin-left: rem(5px);
    }



    &:hover {
      background-color: transparent;
    }

    @include when(active) {
      background-color: transparent;
    }
  }
}

@include b(control-list-popup-header) {
  @include set-component-css-var('control-list', $control-list);

  padding: getCssVar('control-list', 'padding');
  text-align: center;
}

@include b(control-list-popup) {
  height: 50vh;
}

@include b(control-list-item-expand) {
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
  color: getCssVar('color', 'primary');
  text-align: center;
}

@include b(control-list-popup-container) {
  @include flex(column);

  height: 100%;
}

@include b(control-list-popup-content) {
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: scroll;
}